<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<link rel="shortcut icon" href="../favicon.ico" /> <title>Sistema Agropecuario</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<p:dock position="top" id="dock_menu" itemWidth="75" >
    <p:menuitem value="Inicio"  icon="/images/casa_final.jpg" url="../index.jsf"/>
    <p:menuitem value="Ventas"  icon="/images/ventas_final.jpg" url="../ventas.jsf"/>
    <p:menuitem value="Compras" icon="/images/compras_final.jpg" url="../compras.jsf"/>
    <p:menuitem value="Almac&eacute;n"  icon="/images/almacen_final.jpg" url="../almacen.jsf"/>
    <p:menuitem value="Finanzas"  icon="/images/finanzas_final.jpg" url="../finanzas.jsf"/>

</p:dock>
</h:head>
<h:body>
<div class="main">
  <div class="header">
    <div class="logo">
       </div>
    <div class="menu">

    </div>
  </div>
  <div class="clr"></div>
  <div class="block_header">
    <div class="slider">
    <p:growl id="growl" showDetail="true"/>
    <p:panel header="Mantenimiento - Clientes" >


           <h:form id="frmBotonProveedor">
               <center> <h:commandButton title="Nuevo Cliente" image="../images/nuevo.png" action="#{managedBeanCliente.Nuevo}"/> </center>
</h:form>
    <p:separator />
    <h:panelGrid id="pnlg1" columns="1"  style="width:100%;">

            <h:form id="frm1">

<center>
    <p:dataTable   paginator="true" rows="10"   var="item" value="#{managedBeanCliente.lista_Clientes}" widgetVar="carsTable"
            emptyMessage="No se Encontraron datos">

         <f:facet name="header">
             Seleccione una Opci&oacute;n de Filtrado
        </f:facet>

        <p:column   style="width:270px; text-align:center; font-size: 13px;" filterBy="#{item.nombreCliente}"
                headerText="Nombre"
                filterMatchMode="contains">
            <h:outputText value="#{item.nombreCliente}" />
        </p:column>



        <p:column style="width:220px; text-align:center; font-size: 13px;" filterBy="#{item.celular}"
                  headerText="CEL.:"
                filterMatchMode="contains">
            <h:outputText value="#{item.celular}" />
        </p:column >


        <p:column style="width:100px; text-align:center; font-size: 13px;" filterBy="#{item.nextel}"
                  headerText="NEXTEL"
                filterMatchMode="contains">
            <h:outputText value="#{item.nextel}" />
        </p:column >

        <p:column style="width:100px;text-align:center; font-size: 13px;" filterBy="#{item.direccion}"
                  headerText="Dirección"
                filterMatchMode="contains">
            <h:outputText value="#{item.direccion}" />
        </p:column >


         <p:column style="width:160px;"
                headerText="op.">
             
                   <h:commandButton title="Mostrar"
             image="../images/mostrar.png" />
              <h:commandButton title="Editar"
                               image="../images/Editar.png" action="#{managedBeanCliente.edicion}">
                  <f:setPropertyActionListener value="#{item}" target="#{managedBeanCliente.cliente}" />
              </h:commandButton>
               <h:commandButton title="Eliminar"
             image="../images/eliminar.jpg" />
             

           
        </p:column >

    </p:dataTable>
                </center>

 </h:form>
        </h:panelGrid>


  <p:separator />
      <h:form id="frm_12232454">
          <center>     <h:commandLink title="Regresar"  action="#{managedBeanCliente.Volver_Clientes}"  >
       <p:graphicImage  value="../images/inicio1.jpg" />
</h:commandLink></center>
            </h:form>





    </p:panel>

    </div>
  </div>
  <div class="clr"></div>

  <div class="clr"></div>

  <div class="clr"></div>
</div>

</h:body>
</html>
